<template>  
  <div>  
    <h2>Edit Item</h2>  
    <form @submit.prevent="updateItem">  
      <input type="text" v-model="itemName" placeholder="Item name" />  
      <button type="submit">Update</button>  
    </form>  
  </div>  
</template>  
  
<script>  
export default {  
  props: ['id', 'name'],  
  data() {  
    return {  
      itemName: this.name  
    };  
  },  
  methods: {  
    updateItem() {  
      // 这里可以发送请求到服务器更新数据  
      // 假设更新成功，直接返回并更新列表组件的数据  
      this.$emit('update', { id: this.id, name: this.itemName });  
      this.$router.go(-1); // 返回上一页  
    }  
  }  
};  
</script>